<template>
    <div class="footer">
        <div class="footer-container common">
            <div class="footer-logo">
                <img src="@/assets/img/logo2.png" alt="">
                <p>
                    叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学习体验，帮助您获得全新的个人发展和能力提升。
                </p>
            </div>
            <div class="footer-text">
                <p>微信公众号</p>
                |
                <p>新浪微博</p>
                |
                <p>在线客服</p>
            </div>
            <div class="footer-phone">
                <p>全国免费咨询热线：</p>
                <h1>020-85628002</h1>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.footer {
 
    width: 100%;
    height: 200px;
    background-color: #242b39;

    .footer-container {
        display: flex;
        color: #fff;
        justify-content: space-between;

        .footer-logo {
            width: 426px;
            padding-top: 22px;

            p {
                font-size: 13px;
                letter-spacing: 0.5px; //间距
                color: #7d879a;
                padding-top: 22px;
                box-sizing: border-box;
            }

        }

        .footer-text {
            display: flex;
            align-items: flex-end;
            font-size: 16px;
            letter-spacing: 0.5px; //间距
            color: #7d879a;
            padding-bottom: 22px;
            box-sizing: border-box;

            p {
                padding: 0 8px;
            }
        }

        .footer-phone {
            margin-top: 90px;
            box-sizing: border-box;

            p {
                font-size: 14px;
                color: #7d879a;

            }

            h1 {
                font-size: 28px;
            }
        }
    }
}
</style>